<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商家审核</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
	<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
    
</head>

<body class="hold-transition skin-red sidebar-mini"  >
  <!-- .box-body -->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">商家审核</h3>
                    </div>

                    <div class="box-body">

                        <!-- 数据表格 -->
                        <div class="table-box">

                            <!--工具栏-->
                            
                            <div class="box-tools pull-right">
                                <div class="has-feedback">
							        公司名称：<input type="text" id="name" >
									店铺名称： <input type="text" id="nickName" >
									<button class="btn btn-default" onclick="getData()">查询</button>
                                </div>
                            </div>
                            <!--工具栏/-->

			                  <!--数据列表-->
			                  <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
			                      <thead>
			                          <tr>
			                              <th class="" style="padding-right:0px">
			                                  <input id="selall" type="checkbox" class="icheckbox_square-blue">
			                              </th> 
										  <th class="sorting_asc">商家ID</th>
									      <th class="sorting">公司名称</th>
									      <th class="sorting">店铺名称</th>
									      <th class="sorting">联系人姓名</th>
									      <th class="sorting">公司电话</th>
									     							
					                      <th class="text-center">操作</th>
			                          </tr>
			                      </thead>
			                      <tbody id="sellerSh">

			                      </tbody>
			                  </table>
			                  <!--数据列表/-->
                        </div>
                        <!-- 数据表格 /-->
                     </div>
                    <!-- /.box-body -->

    <script>
        $(function () {
            getData();
        })
        //展示页面拼接
        function getData(){
            $.ajax({
                url:"/sellerController/getSeller",
                type:"post",
                //data : $("#OneForm").serialize(),
                data:{name:$("#name").val(),nickName:$("#nickName").val()},
                dataType:"json",
                async:false,
                success:function(page){
                    var result=page.data;
                    var info = "";
                    $(result).each(function (i,e) {
                        info+= '<tr>';
                        info+= '<td><input  type="checkbox" value="'+e["sellerId"]+'"></td>';
                        info+= '<td>'+e['sellerId']+'</td>';
                        info+= '<td>'+e['name']+'</td>';
                        info+= '<td>'+e['nickName']+'</td>';
                        info+= '<td>'+e['linkmanName']+'</td>';
                        info+= '<td>'+e['telephone']+'</td>';
                        info+= '<td class="text-center">';
						info += "<button type='button' class='btn bg-olive btn-xs' data-toggle='modal' data-target='#sellerModal' onclick='getSellerInfo(\""+ e.sellerId + "\")'>详情</button>";
                        info+= '</td>';
                        info+= '</tr>';
                    })

                    $("#sellerSh").html(info);
                },
                error:function(page){
                    alert(page.message);
                }
            })
        }
    </script>
    <script>
        //选项卡页面拼接
        function getSellerInfo(sellerId){
            $.ajax({
                url:"/sellerController/getSellerById?sellerId="+sellerId,
                type:"post",
                //data : $("#OneForm").serialize(),
                //data:{name:$("#name").val(),nickName:$("#nickName").val()},
                dataType:"json",
                async:false,
                success:function(result){
					var page = result.data;
					$("#sellerId").val(page.sellerId);
					$("#name1").val(page.name);
					$("#mobile").val(page.mobile);
					$("#telephone").val(page.telephone);
					$("#addressDetail").val(page.addressDetail);
					$("#linkmanName").val(page.linkmanName);
					$("#linkmanQq").val(page.linkmanQq);
					$("#linkmanMobile").val(page.linkmanMobile);
					$("#linkmanEmail").val(page.linkmanEmail);
					$("#licenseNumber").val(page.licenseNumber);
					$("#taxNumber").val(page.taxNumber);
					$("#orgNumber").val(page.orgNumber);
					$("#legalPerson").val(page.legalPerson);
					$("#legalPersonCardId").val(page.legalPersonCardId);
					$("#bankUser").val(page.bankUser);
					$("#bankName").val(page.bankName);
                },
                error:function(result){
                    alert(page.message);
                }
            })
        }
    </script>

<!-- 商家详情 -->
<div class="modal fade" id="sellerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" >
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">商家详情</h3>
			</div>
			<div class="modal-body">

				<ul class="nav nav-tabs">
					<li class="active"><a href="#home" data-toggle="tab">基本信息</a></li>
					<li><a href="#linkman" data-toggle="tab">联系人</a></li>
					<li><a href="#certificate" data-toggle="tab">证件</a></li>
					<li><a href="#ceo" data-toggle="tab">法定代表人</a></li>
					<li><a href="#bank" data-toggle="tab">开户行</a></li>
				</ul>
				<input type="text" id="sellerId">
				<!-- 选项卡开始 -->
				<div id="myTabContent" class="tab-content">
					<div class="tab-pane active in" id="home">
						<br>
						<table class="table table-bordered table-striped"  width="800px">
							<tr>
								<td>公司名称</td>
								<td><input id="name1" readonly style="border: 0"></td>
							</tr>
							<tr>
								<td>公司手机</td>
								<td><input id="mobile" readonly style="border: 0"></td>
							</tr>
							<tr>
								<td>公司电话</td>
								<td><input id="telephone" readonly style="border: 0"></td>
							</tr>
							<tr>
								<td>公司详细地址</td>
								<td><input id="addressDetail" readonly style="border: 0"></td>
							</tr>
						</table>
					</div>
					<div class="tab-pane fade" id="linkman">
						<br>
						<table class="table table-bordered table-striped" >
							<tr>
								<td>联系人姓名</td>
								<td><input id="linkmanName" readonly style="border: 0"></td>
							</tr>
							<tr>
								<td>联系人QQ</td>
								<td><input id="linkmanQq" readonly style="border: 0"></td>
							</tr>
							<tr>
								<td>联系人手机</td>
								<td><input id="linkmanMobile" readonly style="border: 0"></td>
							</tr>
							<tr>
								<td>联系人E-Mail</td>
								<td><input id="linkmanEmail" readonly style="border: 0"></td>
							</tr>
						</table>
					</div>
					<div class="tab-pane fade" id="certificate">
						<br>
						<table class="table table-bordered table-striped" >
							<tr>
								<td>营业执照号</td>
								<td><input id="licenseNumber" readonly style="border: 0"></td>
							</tr>
							<tr>
								<td>税务登记证号</td>
								<td><input id="taxNumber" readonly style="border: 0"></td>
							</tr>
							<tr>
								<td>组织机构代码证号</td>
								<td><input id="orgNumber" readonly style="border: 0"></td>
							</tr>
						</table>
					</div>
					<div class="tab-pane fade" id="ceo">
						<br>
						<table class="table table-bordered table-striped" >
							<tr>
								<td>法定代表人</td>
								<td><input id="legalPerson" readonly style="border: 0"></td>
							</tr>
							<tr>
								<td>法定代表人身份证号</td>
								<td><input id="legalPersonCardId" readonly style="border: 0"></td>
							</tr>
						</table>
					</div>
					<div class="tab-pane fade" id="bank">
						<br>
						<table class="table table-bordered table-striped" >
							<tr>
								<td>开户行名称</td>
								<td><input id="bankName" readonly style="border: 0"></td>
							</tr>
							<tr>
								<td>开户行支行</td>
								<td></td>
							</tr>
							<tr>
								<td>银行账号</td>
								<td><input id="bankUser" readonly style="border: 0"></td>
							</tr>
						</table>
					</div>
				</div>
				<!-- 选项卡结束 -->

			</div>
			<div class="modal-footer">
				<button class="btn btn-success" data-dismiss="modal" aria-hidden="true" onclick="approved()">审核通过</button>
				<button class="btn btn-danger"  data-dismiss="modal" aria-hidden="true" onclick="auditfailed()">审核未通过</button>
				<button class="btn btn-danger" data-dismiss="modal" aria-hidden="true" onclick="closeSeller()">关闭商家</button>
				<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
			</div>
		</div>
	</div>
</div>

		<script>
			//审核通过
			function approved(){
				var  sellerId= $("#sellerId").val();
				$.ajax({
					url:"/sellerController/approved",
					type:"post",
					//data : $("#OneForm").serialize(),
					data:{sellerId:sellerId},
					dataType:"json",
					async:false,
					success:function(result){
						if (result == 200){
							alert(result.message)
							getData();
						}
					},
					error:function(result){
						alert(result.message);
					}
				})
			}
			//审核不通过
			function auditfailed(){
				var  sellerId= $("#sellerId").val();
				$.ajax({
					url:"/sellerController/auditfailed",
					type:"post",
					//data : $("#OneForm").serialize(),
					data:{sellerId:sellerId},
					dataType:"json",
					async:false,
					success:function(result){
						if (result == 200){
							alert(result.message)
							getData();
						}
					},
					error:function(result){
						alert(result.message);
					}
				})
			}
			//关闭商家通过
			function closeSeller(){
				var  sellerId= $("#sellerId").val();
				$.ajax({
					url:"/sellerController/closeSeller",
					type:"post",
					//data : $("#OneForm").serialize(),
					data:{sellerId:sellerId},
					dataType:"json",
					async:false,
					success:function(result){
						if (result == 200){
							alert(result.message)
							getData();
						}
					},
					error:function(result){
						alert(result.message);
					}
				})
			}

		</script>

</body>

</html>